// 开发模式development 内存中打包

const ESLintPlugin = require('eslint-webpack-plugin')

module.exports = {
    mode: "development",
    // 使控制台报错位置与源代码中位置保持一致
    devtool: 'eval-source-map',
    // 配置开发服务器 webpack-dev-server插件  可以让我们直接在内存中打包，速度远高于硬盘
    devServer: {
        port: 8080,
        open: true, // 打包成功后，自动打开浏览器
        client: {
            // 如果是警告提示，不弹出模态框
            overlay: {
                errors: true,
                warnings: false
            }
        }
    },
    plugins: [
        new ESLintPlugin({
            eslintPath: 'eslint',  // 指定使用什么校验代码
            extensions: ['js', 'jsx', 'ts', 'tsx'], // 校验哪些模块
            exclude: ['node_modules'],  // 不校验  提升打包速度
            fix: false, // 关闭自动修复功能
            formatter: 'stylish'
        })
    ],
}